<template>
	<view>
		<image src="/static/work1.jpg" mode="" class="img_bg"></image>
		<view class="text-left bg-white padding-l30">
			<view class="border-bottom display justify-between align-center">
				<view class="text-36 padding-t30 padding-b30">风险点名称</view>
				<view class="text-32 font-gray1 padding-r30">{{danger_listMenu.danger_name?danger_listMenu.danger_name:'-'}}</view>
			</view>
			<view class="border-bottom display justify-between align-center">
				<view class="text-36 padding-t30 padding-b30 ">风险等级</view>
				<view class="text-32 font-gray1 padding-r30">{{danger_listMenu.danger_level_show?danger_listMenu.danger_level_show:'-'}}</view>
			</view>
			
			<view class="border-bottom display justify-between align-center">
				<view class="text-36 padding-t30 padding-b30 ">风险点位置</view>
				<view class="text-32 font-gray1 padding-r30">{{danger_listMenu.danger_position?danger_listMenu.danger_position:'-'}}</view>
			</view>
			<view class="border-bottom display justify-between align-center">
				<view class="text-36 padding-t30 padding-b30">所属部门</view>
				<view class="text-32 font-gray1 padding-r30">{{danger_listMenu.position_id?danger_listMenu.position_id:'-'}}</view>
			</view>
			<view class="display justify-between align-center">
				<view class="text-36 padding-t30 padding-b30">负责人</view>
				<view class="text-32 font-gray1 padding-r30">{{danger_listMenu.charge_userid_show?danger_listMenu.charge_userid_show:'-'}}</view>
			</view>
			
			<view class="border-bottom display justify-between align-center">
				<view class="text-36 padding-t30 padding-b30">管控层级</view>
				<view class="text-32 font-gray1 padding-r30">{{danger_listMenu.control_level_show?danger_listMenu.control_level_show:'-'}}</view>
			</view>
			<!-- <view class="border-bottom  justify-between align-center display">
				<view class="text-36 padding-t30 padding-b30  display">风险类型</view>
				<view class="text-32 font-gray1 padding-r30 display">
					<block v-for="(item,index) in danger_type" :key="index">
						<view class="">{{item.safety_name?item.safety_name:'-'}}/</view>
					</block>
				</view>
			</view>	 -->
			<view class="border-bottom margin-t30">
				<view class="text-36 padding-t30 padding-b30 border-top">巡检点备注</view>
				<view class="text-32 font-gray1 padding-r30 saytext padding-b30">{{danger_listMenu.danger_remarks?danger_listMenu.danger_remarks:'暂无巡检点备注...'}}</view>
			</view>
		</view>
		<view class="text-left bg-white padding-l30 margin-t30">
			<view class="border-bottom  justify-between align-center">
				<view class="text-36 padding-t30 padding-b30">易发生事故类型</view>
				<view class="text-32 font-gray1 padding-r30">{{danger_listMenu.danger_remarks?danger_listMenu.danger_remarks:'-'}}</view>
			</view>
			<view class="">
				<view class="text-36 padding-t30 padding-b30">主要危险有害性</view>
				<view class="text-32 font-gray1 padding-r30 saytext padding-b30">{{danger_listMenu.reason?danger_listMenu.reason:'暂无主要危险有害性...'}}</view>
			</view>
		</view>
		<view class="text-left bg-white padding-l30 margin-t30">
			<view class="border-bottom ">
				<view class="text-36 padding-t30 padding-b30">措施</view>
				<view class="text-32 font-gray1 padding-r30 saytext padding-b30" v-html="">{{danger_listMenu.danger_measures?danger_listMenu.danger_measures:'暂无措施...'}}</view>
			</view>
			<view class="border-bottom ">
				<view class="text-36 padding-t30 padding-b30">应急处置对策</view>
				<view class="text-32 font-gray1 padding-r30  padding-b30">{{danger_listMenu.change_measures?danger_listMenu.change_measures:'暂无应急处置对策...'}}</view>
			</view>
			
			
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				danger_id:'',
				danger_listMenu:{},
				danger_type:{}
			}
		},
		onLoad(options) {
			this.danger_list(options.id)
		},
		methods: {
			danger_list(e){
				let _self=this;
				console.log(e)
				uni.request({
					url:'https://aqmore.sxpz.vip/AppApi/Danger/detail?danger_id='+e,
					method:'GET',
					header:{'content-type':'application/x-www-form-urlencoded'},
					success:function(res){
						if(res.data.code==200){
							_self.danger_listMenu=res.data.datas.danger
							_self.danger_type=res.data.datas.danger.danger_type
							console.log(_self.danger_listMenu)
							console.log(_self.danger_type)
						}
				}
			})
		},
		
	}}
</script>

<style>
	
	.text-left{
		text-align: left;
	}
	.bg-white{
		background-color: #fff;
	}
	.padding-l30{
		padding-left: 30upx;
	}
	.border-top{
		border-top: 1upx solid #F1F1F1;
	}
	.border-bottom{
		border-bottom: 1upx solid #F1F1F1;
	}
	.display{
		display: flex;
	}
	.justify-between{
		justify-content: space-between;
	}
	.align-center{
		align-items: center;
	}
	.text-36{
		font-size:36upx;
	}
	.padding-t30{
		padding-top: 30upx;
	}
	.padding-b30{
		padding-bottom: 30upx;
	}
	.text-32{
		font-size:32upx;
	}
	.font-gray1{
		color:#666;
	}
	.padding-r30{
		padding-right: 30upx;
	}
	.margin-t30{
		margin-top: 30upx;
	}
</style>
